import { memo } from 'react'
import styles from './Home.module.scss'
// import '@/_mock/index'
// import axios from 'axios'
import { useNavigate } from 'react-router-dom'

import { Typography, Button } from 'antd'
const { Title, Paragraph } = Typography

const Home = memo(() => {
  const nav = useNavigate()

  //React18 useEffect 在开发环境下，会执行两次
  // useEffect(() => {
  //   // fetch('/api/test')
  //   //   .then(res => res.json())
  //   //   .then(data => console.log('fetch data', data))
  //   // mockjs只能劫持XMLHttpRequest,不能劫持fetch
  //   // axios.get('/api/test').then(res => {
  //   //   console.log(res.data)
  //   // })
  // }, [])

  return (
    <div className={styles.container}>
      <Title>问卷调查 | 在线投票</Title>
      <Paragraph>已积累创建问卷 100 份，发布问卷 90 份，收到答卷 980 份</Paragraph>
      <Button type="primary" size="large" onClick={() => nav('/manage')}>
        开始使用
      </Button>
    </div>
  )
})

export default Home
